<script setup lang="ts">
import { ref } from 'vue';

const data = ref([
    {
        id: 'b1',
        text: '增加',
        type: 'primary'
    },
    {
        id: 'b2',
        text: '删除',
        type: 'warning'
    },
    {
        id: 'b3',
        text: '保存',
        type: 'success'
    },
    {
        id: 'b4',
        text: '编辑',
        type: 'danger'
    }
]);
const data1 = ref([
    {
        id: 'b1',
        text: '增加',
        type: 'link'
    },
    {
        id: 'b2',
        text: '删除',
        type: 'link',
        disabled: true
    },
    {
        id: 'b3',
        text: '保存',
        type: 'link'
    },
    {
        id: 'b4',
        text: '编辑',
        type: 'link',
        disabled: true
    }
]);
</script>

<template>
    <div>
        <f-button-group :count="data.length" :data="data" :placement="'bottom-right'"></f-button-group>
        <f-button-group :count="2" :data="data1" :placement="'bottom-right'" style="margin: 10px"></f-button-group>
    </div>
</template>
